<!--
 * @Author: lzz
 * @pageName: aaaa
 * @Date: 2019-08-04 14:33
 * @events
   @props
 -->

<template>

</template>

<script>

    export default {
        name: "aaaa",

        mixins: [],

        components: {},

        props: {},

        data() {
            return {
                data: {
                    id: 1,
                    name: '1',
                    image_url: "https://static.refined-x.com/avat.jpg",
                    children: [
                        {
                            id: 2,
                            name: '1-1',
                            image_url: "https://static.refined-x.com/avat1.jpg"
                        },
                        {
                            id: 3,
                            name: '1-2',
                            image_url: "https://static.refined-x.com/avat2.jpg",
                            mate: {
                                id: 4,
                                name: 'mate',
                                image_url: "https://static.refined-x.com/avat3.jpg"
                            },
                            children: [
                                {
                                    id: 5,
                                    name: '1-2-1',
                                    image_url: "https://static.refined-x.com/avat.jpg"
                                },
                                {
                                    id: 6,
                                    name: '1-2-2',
                                    image_url: "https://static.refined-x.com/avat1.jpg"
                                },
                                {
                                    id: 7,
                                    name: '1-2-3',
                                    image_url: "https://static.refined-x.com/avat2.jpg"
                                }
                            ]
                        }
                    ]
                },
                eprops:
                    {
                        label: 'name',
                        children: 'children',
                    },
                renderlabel: function (data) {
                    return `<div>${data}</div>`
                }
            }
        },

        computed: {},

        watch: {},

        created() {
        },

        mounted() {
        },

        destroyed() {
        },

        methods: {
            clickNode(e, data) {
                console.log(e, data);
            },
            renderContent(h, data, context) {
                console.log(h, data, context);
                return data.name
            }
        }
    }
</script>

<style scoped>

</style>
